<template>
  <BorderBox10 class="w-full h-full">
    <div class="p-4">
      <Title :title="`数据占比`" />
      <div class="mt-8 h-48">
        <pieChart
          v-if="isShowBar"
          :bar-data-l="LeftBarData"
          :bar-data-r="RightBarData"
        />
      </div>
    </div>
  </BorderBox10>
</template>
<script setup>
import { BorderBox10, Decoration8 } from '@kjgl77/datav-vue3'
import pieChart from '@/view/memberManager/components/echarts.vue'
import { defineProps } from 'vue'
import Title from '@/view/memberManager/components/title.vue'
const props = defineProps({
  isShowBar: {
    type: Boolean,
    default: false,
  },
  LeftBarData: {
    type: Array,
    default: () => []
  },
  RightBarData: {
    type: Array,
    default: () => []
  }
})
</script>
<style scoped>

</style>
